{%extends 'base_user_center.html'%}
{%load static%}
{%block right_content%}
		<div class="right_content clearfix">
				<h3 class="common_title2">全部订单</h3>
				{%for order in orders%}
				<ul class="order_list_th w978 clearfix">
					<li class="col01">{{order.create_time}}</li>
					<li class="col02">订单号：{{order.order_id}}</li>
					<li class="col02 stress">{{order.get_order_status_display}}</li>		
				</ul>
				
				
				<table class="order_list_table w980">
					<tbody>
						<tr>
							<td width="55%">
								{%for good in order.ordergoods_set.all%}
								<ul class="order_goods_list clearfix">					
									<li class="col01"><img src="{{good.sku.image.url}}"></li>
									<li class="col02">{{good.sku.name}}<em>{{good.sku.price}}元/{{good.sku.unite}}g</em></li>	
									<li class="col03">{{good.count}}</li>
									<li class="col04" cost={{good.price}}>{{good.price}}元</li>	
								</ul>
								{%endfor%}
							</td>
							<td width="15%">33.60元</td>
							<td width="15%" order_status={{order.order_status}}>{{order.get_order_status_display}}</td>
							<td width="15%"><a href="#" class="oper_btn" order_id={{order.order_id}}>去付款</a></td>
						</tr>
					</tbody>
				</table>
				{%endfor%}
				{%csrf_token%}


				<div class="pagenation">
					{%if orders.has_previous%}
					<a href="/user/center/user_center_order.html?page={{orders.previous_page_number}}"><上一页</a>
					{%else%}
					<p>上一页</p>
					{%endif%}
					{%for num in pages%}
					{%if num == orders.number%}
					<a href="/user/center/user_center_order.html?page={{num}}" class="active1">{{num}}</a>
					{%else%}
					<a href="/user/center/user_center_order.html?page={{num}}"  >{{num}}</a>
					{%endif%}
					{%endfor%}
					{%if orders.has_next%}
					<a href="/user/center/user_center_order.html?page={{orders.next_page_number}}">下一页></a>
					{%else%}
					下一页
					{%endif%}
				</div>
		</div>
{%endblock right_content%}
{%block bottomfiles%}
<script src='{%static "js/jquery-1.12.4.min.js"%}'></script>
<script>
	var a=$('.active')
	a.removeClass('active')
	
	a=a.eq(0)
	
	a=a.parent().siblings()
	
	a.eq(0).children().addClass('active')
	tables=$('.order_list_table')
	console.log(tables)
	for(i=0;i<tables.length;i++){
		total_cost=0
		uls=tables.eq(i).find('ul')
		for(j=0;j<uls.length;j++){
			total_cost+=parseInt(uls.eq(j).find('.col04').attr('cost'))
		}
		console.log(total_cost)
		total_cost+=10
		tables.eq(i).find('td').eq(1).text(total_cost+'元(包含邮费10元)')
		if (tables.eq(i).find('td').eq(2).attr('order_status')==1){
			tables.eq(i).find('td').eq(3).children('a').text("去付款")
			tables.eq(i).find('td').eq(3).children('a').click(function(){
				order_id=$(this).attr('order_id')
				csrf=$('input[name="csrfmiddlewaretoken"]').val()
				$.post("/order/pay",{'order_id':order_id,'csrfmiddlewaretoken':csrf},function(data){
					if (data.res==3){
						window.open(data.pay_url)
						$.post("/order/check",{'order_id':order_id,'csrfmiddlewaretoken':csrf},function(data){
							if(data.res==3){
								alert("支付成功")
								location.reload();
							}
							else{
								alert("支付失败")
								location.reload();
							}
						})
					}
				})
			})
		}
		else if(tables.eq(i).find('td').eq(2).attr('order_status')==4){
			tables.eq(i).find('td').eq(3).children('a').text("去评价")
			tables.eq(i).find('td').eq(3).children('a').click(function(){
				order_id=$(this).attr('order_id')
				//csrf=$('input[name="csrfmiddlewaretoken"]').val()
				url="{%url 'order:comment' order_id%}"+order_id
				window.open(url)
			})
		}
		else if(tables.eq(i).find('td').eq(2).attr('order_status')==2){
			tables.eq(i).find('td').eq(3).children('a').text("催单")
		}
		else if(tables.eq(i).find('td').eq(2).attr('order_status')==3){
			tables.eq(i).find('td').eq(3).children('a').text("确认收货")
		}
		else{
			tables.eq(i).find('td').eq(3).children('a').text("")
		}
	}
</script>
{%endblock bottomfiles%}

	